*{
  margin: 0;
  padding: 0;
}
.all{
  height: 100vh;
  overflow: hidden;
  background: #fff;
  /* background: #f8f8f8; */
  display: flex;
  justify-content: space-between;
}
.left,.right{
  width: 25%;
  background: #fff;
  overflow: hidden;
}
.center{
  width: 960px;
  z-index: 9;
  padding: 0 20px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
}
.center::-webkit-scrollbar{
  display: none;
}
.day{
  /* background: #999; */
  margin: 20px 0;
  padding: 0 20px 10px 20px;
  border-radius: 10px;
  box-sizing: border-box;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.header{
  /* text-align: center; */
  font-size: 22px;
  padding: 20px 0 10px 0;
  font-weight: 400;
  color: #1f2f3d;
}
.list{
  display: flex;
  justify-content: space-between;
  color: #909399;
  font-weight: 400;
  flex-wrap: wrap;
}
.list a{
  width: 20%;
  padding-bottom:10px ;
  color: #909399;
  text-decoration: none;
}
.list a:hover{
  color: blue;
  text-decoration: underline;
}
.aRed{
  color: red !important;
}
@media only screen and (max-width: 500px) {
  img{
    width: 100% !important;
  }
  .center{
    width: 90%;
  }
  .list a {
    width: 40%;
  }
}
